<template>
  <div class="swipe-wrap">
    <mt-swipe :pages="pages">
      <mt-swipe-item v-for="item in pages">{{item}}</mt-swipe-item>
    </mt-swipe>
 </div>
</template>
<script>
import mtSwipe from "./swap.vue";
import mtSwipeItem from "./item.vue"
  export default {
    data(){
      return {
        pages:[1,2,3,4,5,6]
      }
    },
    components:{mtSwipe,mtSwipeItem}
  };
</script>
<style>
.mint-swipe-items-wrap > div{
    height: 80px;
    position: relative!important;
    transform: scale(1,1)!important;
    display: block!important;
     overflow: visible!important;
  }
  .mint-swipe{
    height: auto;
    overflow: visible;
  }
  .mint-swipe-items-wrap{
    height: auto;
  }

</style>
